<template>
    <div>
        <mt-swipe :auto="4000">
            <mt-swipe-item><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1563600587073&di=e9b56676c1e95ccd6305c9f94de6457e&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0105e15a38694aa80121db80b94a47.jpg%401280w_1l_2o_100sh.jpg" alt=""/></mt-swipe-item>
            <mt-swipe-item><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1563600807152&di=78109dae4298802a862bb8a5f088a677&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0148245928e446a801216a3ef4848e.jpg" alt=""/></mt-swipe-item>
            <mt-swipe-item><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1563600602696&di=09c514154ae2136d4349ae7b3c9151c9&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F01ab3a58675b58a8012060c86cfafb.jpg%402o.jpg" alt=""/></mt-swipe-item>
        </mt-swipe>
    </div>
</template>
<script type="es6">
export default {
    data(){
        return {

        }
    },
    methods: {

    }
}
</script>
<style lang="less" scoped>
    .mint-swipe {
        height: 160px;
        .mint-swipe-item {
            &:nth-child(1) {
                background-color: red;
            }
            &:nth-child(2) {
                 background-color: pink;
             }
            &:nth-child(3) {
                 background-color: blue;
             }
            img {
                width: 100%;
                height: 100%;
            }
        }
    }
</style>